<template>
	<div class="header">
		<h1>
			<slot></slot>
		</h1>
	</div>
</template>

<script>
export default {
}
</script>

<style lang="less" scoped>
.header{
    //固定定位:实现某个元素在可视窗口的居中位置显示
    position: fixed;
    //水平居中
    top: 0;left: 0;
    //水平，垂直居中
    // left:0;right:0;top:0;bottom:0;margin: auto;
    z-index: 99;
    width: 100%;
    background: #ed4040;
    text-align: center;
    height: .44rem;
    //行高-垂直居中
    line-height: .44rem;
    h1{
        font-size: .18rem;
        color: white;
    }

}
</style>